import React, { memo } from 'react'

import { HeaderWrapper } from './style'

export default memo(function MusicTop() {
  return (
    <HeaderWrapper>
      <div className="image">
        <img src="http://p2.music.126.net/EJyXfGYsiHxxxoCiTAz6Kg==/109951165611553137.jpg?param=150y150" alt=" "></img>
        <i className="sprite_covor"></i>
      </div>
      <div className="info">
        <h2 classname="info-title">云音乐说唱榜</h2>
        <div className="timer">
          <i className="clock sprite_icon2"></i>
          <span>最近更新：09月03日 （更新14首）</span>
        </div>
        <div className="btns">
          <a href="/" className="sprite_button play">
            <span>播放</span>
          </a>
          <a href="/" className="sprite_button add">
            <span>(3818515)</span>
          </a>
          <a href="/" className="sprite_button share">
            <span>(10961)</span>
          </a>
          <a href="/" className="sprite_button download">
            <span>下载</span>
          </a>
          <a href="/" className="sprite_button recommend">
            <span>(208204)</span>
          </a>
        </div>
      </div>
    </HeaderWrapper>
  )
})